.article{
    padding:34px;
    border-bottom:1px solid #ebebeb;
    width:90%;
    margin:0px auto;
    .header{
        line-height: 40px;
        .header_img{
            display: inline-block;
            width:40px;
            height:40px;
            border-radius: 50%;
            text-align: center;
            line-height: 40px;
            background: rgb(230, 230, 230);
            overflow: hidden;
            .icon{
                color:#fff;
                font-size:16px;
            }
            img{
                min-width:40px;
                min-height:40px;
                max-width:50px;
                max-height:50px;
            }
        }
        .username{
            margin-right:0px!important;
            margin-left:20px!important;
        }
        span{
            margin-left:10px;
            color:rgb(177, 177, 182);
        }
        .datatime{
            border-left:0px!important;
            padding-left:0px!important;
        }
        .datatime:before{
            content:'';
            display: inline-block;
            width:3px;
            height:3px;
            margin-right:8px;
            margin-bottom:3px;
            border-radius: 50%;
            background: rgb(163, 163, 163);
        }
        
    }
    h1:hover{
        color:#007fff;
    }
    h1{
        padding-top:20px;
        cursor: pointer;      
    }
    p{
        color:#8d8d8d;
        line-height: 28px;
        font-size:13px;
        margin-top:10px;
    }
    .operation{
        margin-top:30px;
        margin-bottom:30px;
        color:rgb(204, 204, 204);
        position: relative;
        .del{
            position: absolute;
            top:-100px;
            right:-30px;
            padding:16px;
            background: #fff;
            border: 1px solid #ebebeb;
            div{
                line-height: 30px;
                cursor: pointer;
            }
        }
    }
    .fl{
        span{
            margin-right:20px;
            i{
                margin-right:6px;
            }
        }
        span:nth-child(2){
            border-left:1px solid #ebebeb;
            padding-left:20px;
        }
        span:nth-child(1){
           
        }
    }
    i:hover{
        font-size:18px;
    }
    .like_active{
        color:#007fff;
        i{
            font-style:normal;
        }
    }
    .fr{
       >span{
            font-size:14px;
            span{
                margin-left:10px;
            }
        }
        span:hover{
            font-size:15px;
            color:#8d8d8d;
            
        }
        span:nth-child(1){
            padding-right:15px;
        }
        span:nth-child(2){
            padding-left:15px;
            border-left:1px solid #ebebeb;
            font-size:18px;
        }
    }
}
.design{
    padding:10px;
  }
  .empty{
    height:300px;
    text-align: center;
    padding-top:80px;
    i{
      font-size:56px;
      color:#ebebeb; 
    }
    p{
      color:#c7c7c7;
      margin-top:12px;
    }
  }